<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>评测商品问卷调查</title>
	<style type="text/css">
		.pcWrap {
			background: #fff;
			width: 920px;
			*width: 780px;
			padding: 0 70px;
			margin: 0 auto;
		}
		#toptitle .htitle {
			font-size: 20px;
			line-height: 32px;
			font-weight: bold;
			margin: 0;
			padding: 0;
			text-align: center;
		}
		#toptitle {
			background-color: rgba(255,255,255,0.9);
			padding: 26px 10px 12px;
			width: 100%;
			color: #1ea0fa;
		}
		#toptitle {
			padding-top: 26px;
		}
		.topic__type {
			padding-bottom: 100px;
			padding: 0 0 20px;
		}
		.topic__inner {
			padding: 0 18px;
		}
		.topic__type-des {
			font-size: 18px;
			color: dodgerblue;
			text-indent: 25px;
			line-height: 24px;
			margin: 16px 0;
			text-align: center;
			font-weight: 550;
		}
		.topic__dottedLine {
			border-top: 1px dashed #c2c2c2;
		}
		.topic__type-body fieldset:first-child {
			margin-top: 16px;
		}
		fieldset {
			border: 0px solid #c0c0c0;
			margin: 0;
			padding: 0;
		}
		.topic__type-title {
			font-size: 16px;
			font-weight: bold;
			line-height: 26px;
			margin-bottom: 10px;
		}
		fieldset legend {
			width: 100%;
			font-weight: normal!important;
		}
		.topic__type-dry, .topic__type-group, .topic__type-matrixFull .topic__type-items {
			margin-left: 20px;
		}
		.topic__type-dry .topic__type-items {
			display: block;
		}
		.topic__type-dry .topic__type-items {
			line-height: 1.4;
			margin-bottom: 6px;
		}
		.topic__type-items {
			position: relative;
			font-size: 18px;
			color: #333;
			line-height: 32px;
			display: flex;
			display: -webkit-flex;
			align-items: center;
		}
		.topic__type-items .text__type {
			flex: 1 1 auto;
			height: 32px;
			border: 1px solid #b3b3b3;
			background-color: #fff;
			width: 100%;
		}
		.topic__type-dry .topic__type-items {
			display: block;
		}
		.topic__type-dry .topic__type-items {
			line-height: 1.4;
			margin-bottom: 6px;
		}
		.topic__type-items {
			position: relative;
			font-size: 16px;
			color: #333;
			line-height: 32px;
			display: flex;
			display: -webkit-flex;
			align-items: center;
		}
		.topic__type-items .radio__type {
			flex: 0 0 auto;
			position: absolute;
			top: 6px;
			width: 12px;
			height: 12px;
			border: 1px solid #666;
			border-radius: 50%;
		}
		.topic__type-dry label {
			margin-left: 18px;
		}
		.topic__type-des-small {
			font-size: 16px;
			color: #666;
			text-indent: 25px;
			line-height: 24px;
			margin: 16px 0;
			text-align: left;
			font-weight: 550;
		}
		.topic__type-items-area .textarea__type {
			/* flex: 1 1 auto; */
			height: 150px;
			border: 1px solid #b3b3b3;
			background-color: #fff;
			width: 100%;
		}
		.area-btn-lf{
			text-align: center;
			padding-bottom: 50px;
		}
		.area-btn-lf button {
			position: relative;
			height: 40px;
			font-size: 16px;
			/* line-height: 40px; */
			border-radius: 4px;
			outline: none;
			text-align: center;
			padding: 10px 30px;
			margin: 20px 10px;
		}
		.copybutton {
			color: #fff;
			background-color: #1ea0fa;
			border: 1px solid #1ea0fa;
		}
		a {
			background: transparent;
			text-decoration: none;
			color: #0095ff;
		}
	</style>
</head>
<body>
<div class="pcWrap">
	<div id="toptitle">
		<h1 class="htitle" id="htitle">
			最佳拍档平台产品测评通用表</h1>
	</div>
	<form th:action="@{/questionnaire/save}" method="post">
<!--		<form th:action="@{/questionnaire/save}" method="post" accept-charset="utf-8" οnsubmit="if(isIE)document.charset='utf-8'">-->
		<div class="topic__type">
			<div class="topic__inner">
				<div class="topic__type-des">
					基本信息
				</div>
				<div class="topic__dottedLine"></div>
				<div class="topic__type-body">
					<fieldset>
						<legend class="topic__type-title">1. 品牌名：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="brandname" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 产品名称：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="productname"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 行业：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="industry" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">4. 快递包装：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="expresspackaging"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">5. 外包装：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="outerpackaging"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">6. 价格：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="price"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">7. 大小：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="size"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">8. 重量：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="weight"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">9. 物流时间：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="logisticstime"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">10. 客户卡：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="customercard"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">11. 时间：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="datetime"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">12. 测评师：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="evaluator" class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
			</div>
			<!-- 产品功能 -->
			<div class="topic__inner">
				<div class="topic__type-des">
					产品功能
				</div>
				<div class="topic__dottedLine"></div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						一. 基础属性
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="baseattributeRecord"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="baseattributeMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="baseattributeScore" class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						二. 特色功能
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="featuresRecord"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="featuresMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="featuresScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						三. 使用体验
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="usefeelingRecord"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="usefeelingMode" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="usefeelingScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
			</div>
			<!-- 测评实验 -->
			<div class="topic__inner">
				<div class="topic__type-des">
					测评实验
				</div>
				<div class="topic__dottedLine"></div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						一. 实验设计
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="designRecord"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="designMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="designScore" class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						二. 直观对比分析方式
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="analysismethodRecord"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="analysismethodMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="analysismethodScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						三. 记录方式
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="recordingmethodRecord" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="recordingmethodMode" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="recordingmethodScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						四. 社交媒体平台反馈
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="feedbackRecord" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="feedbackMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="feedbackScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
			</div>
			<!-- 替代竞品情况 -->
			<div class="topic__inner">
				<div class="topic__type-des">
					替代竞品情况
				</div>
				<div class="topic__dottedLine"></div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						一. 可替代产品
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="replaceproductRecord"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="replaceproductMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="replaceproductScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						二. 对于被替代产品的优势
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="advantageRecord" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="advantageMode" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="advantageScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						三. 对于被替代产品的劣势
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="inferiorityRecord" class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="inferiorityMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="inferiorityScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
				<div class="topic__type-body">
					<div class="topic__type-des-small">
						四. 同类竞品对比优劣势
					</div>
					<fieldset>
						<legend class="topic__type-title">1. 记录：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="similarproductsaiRecord"  class="text__typ

e">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">2. 直接可感知方式：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="similarproductsaiMode"  class="text__type">
							</div>
						</div>
					</fieldset>
					<fieldset>
						<legend class="topic__type-title">3. 评分(10分为最高)：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items">
								<input type="text" name="similarproductsaiScore"  class="text__type">
							</div>
						</div>
					</fieldset>
				</div>
			</div>
			<!-- 小结及建议 -->
			<div class="topic__inner">
				<div class="topic__type-des">
				</div>
				<div class="topic__dottedLine"></div>
				<div class="topic__type-body">
					<fieldset>
						<legend class="topic__type-title">1. 小结及建议：</legend>
						<div class="topic__type-dry">
							<div class="topic__type-items-area">
								<!-- <input type="textarea" name="firstname" class="textarea__type"> -->
								<textarea name = "status"  class="textarea__type"></textarea>
							</div>
						</div>
					</fieldset>
				</div>
			</div>
		</div>

	<div id="divV2" class="area-btn-lf">
		<button type="submit" class="copybutton">提交</button>
	</div>
	</form>
</div>
</body>
</html>
